<template>
  <div class="infoRow1" :style="{backgroundColor:color}">
    <h3 v-text="title"></h3>
  </div>
</template>
<script>
export default {
  props:['title','color']
}
</script>
<style lang="less" scoped>
  .infoRow1{
      flex:1;
      display: flex;
      justify-content: center;
      align-items: center;
      color:#666;
      font-size: 0.4267rem;
      background-color: #fff;
    }
    .infoRow1::before,.infoRow1::after{
      content: '-';
      font-size: .7rem;
      color:#c7c7c7;
      margin: 0 .133333rem;
      padding-bottom: 0.1rem
    }
</style>
